body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-color: #333;
	color: white;
}
input {
	border: 1px solid gray;
	border-radius: 5px;
}

.sprite {
	background: url(../images/icons-white.png) no-repeat 0 0;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	display: block;
}
.waitingDialog {
	position: absolute;
	width: 300px;
	height: 200px;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -150px;
	display: none;
}
.login-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	margin: -100px 0 0 -100px;
	background-color: #3E3E3E;
	display: block;
	z-index: 998;
}
.login-dialog .login-dialog-tab {
	width: 300px;
	height: 50px;
}
.login-dialog .login-dialog-tab .tab-item {
	width: 75px;
	height: 50px;
	background-color: #0099CC;
	float: left;
	cursor: pointer;
}
.login-dialog .login-dialog-tab .tab-item.selected {
	background-color: #3E3E3E;
}
.login-dialog .login-dialog-tab .tab-item .icon-tab {
	margin: 12px 25px;

}
.login-dialog .login-dialog-content {
	padding: 10px;
}
.login-dialog .login-dialog-content>a {
	color: white;
	font-size: 20px;
	display: block;
}
.login-dialog .login-dialog-content .login-input {
	display: block;
	padding: 0px 20px;
	margin: 20px 0px;
}
.login-dialog .login-dialog-content .login-input>a {
	padding: 20px;
	float: left;
	background-color: #0099CC;
	border-radius: 5px 0px 0px 5px;

}
.login-dialog .login-dialog-content .login-input>input {
	height: 36px;
	width: 195px;
	border-radius: 0px 5px 5px 0px;
}












.content-window {
	border: 1px solid gray;
	width: 70%;
	background-color: #FFF;
	border-radius: 5px;
	z-index: 100;
	position: absolute;
	display: none;
}

.content-window-button {
	border-radius: 5px;
	color: black;
	background-color: white;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.content-window-button>img {
	background-color: white;
	margin: 3px;
}

.content-window-button:hover {
	background-color: #CCC;
}

.content-window .content-window-header {
	height: 20px;
	padding: 10px;
	background-color: #3E3E3E;
}

.content-window .content-window-header .content-window-title {
	color: #FFF;
	font-size: 15px;
	font-style: italic;
	font-weight: bolder;
}
.content-window .content-window-header .content-window-close {
	float: right;
	background-position: -720px 0px;
	cursor: pointer;
}

.content-window .content-window-body {
	padding: 10px;
	color: black;
}
.content-window .content-window-body .toolbar {
	display: block;
	border: 1px solid gray;
}

.content-window .content-window-body .content-empty-room {
	background-color: #FFF;
}
.content-window .content-window-body .content-full-room {
	background-color: #090;
}
.content-window .content-window-body .content-wait-room {
	background-position: -440px -80px;
	display: inline-block;
}
.content-window .content-window-body .content-repair-room {
	background-position: -560px -640px;
	display: inline-block;
}
.content-window .content-window-body .content-noclean-room {
	display: inline-block;
	background-position: -280px -280px;
}
.content-window .content-window-body .content-standarddouble-room {
	display: inline-block;
	border: 3px solid blue;
}
.content-window .content-window-body .content-deluxedouble-room {
	display: inline-block;
	border: 3px double blue;
}
.content-window .content-window-body .content-superiortwin-room {
	display: inline-block;
	border: 3px dashed blue;
}
.content-window .content-window-body .content-superiortriple-room {
	display: inline-block;
	border: 3px dashed green;
}
.content-window .content-window-body .content-suitevip-room {
	display: inline-block;
	border: 3px groove yellow;
}
.content-list-view {
	padding: 10px;
	overflow: auto;
	max-height: 500px;
	white-space: nowrap;


}
.content-list-view .content-list-view-item {





}
.content-list-view .content-list-view-item .list-view-main {
	width: 70px;
	height: 70px;
	display: block;
	background-color: #666;
	text-align: right;
	line-height: 70px;
	color: white;
	font-size: 17px;
	float: left;
	margin-right: 20px;
}
.content-list-view .content-list-view-item .list-view-sub {






}
.list-view-subitem    {
	height: 70px;
	display: inline-block;
}
.list-view-subitem .list-view-subitem-tool   {



}
.list-view-subitem .content-room-num   {
	color: white;
	width: 200px;
	text-align: center;
	display: block;

}
.list-view-subitem .conntent-room-name {
	width: 200px;
	display: block;
	text-align: center;
	color: #999;
}
.list-data {


}
.list-data .list-data-table {
	overflow: auto;
	border: 2px solid gray;
	max-height: 500px;
}

.list-data a {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;

}

.list-data .list-data-title td{
	border-right: 2px solid gray;
	border-bottom: 2px dashed gray;


}
.list-data .list-data-first-btn {
	background-position: -720px -200px;
}
.list-data .list-data-back-btn {
	background-position: -640px -200px;
}
.list-data .list-data-next-btn {
	background-position: -600px -200px;
}
.list-data .list-data-last-btn {
	background-position: -760px -200px;
}
.list-data table tr td .list-data-item-edit {
	background-position: -120px -200px;

}
.list-data table tr td .list-data-item-del {
	background-position: -720px 0px;
}













.header {
	color: gray;
}
.header .nav {
	width: 100%;
	height: 50px;
	background-color: #0099CC;
}
.header .nav .logo-nav {
	float: left;
	width: 200px;
	height: 40px;
	background-color: #FFF;
	margin: 5px;
}
.header .nav .info-nav {
	float: right;
	margin: 10px;



}
.header .nav .info-nav .avatar-info-nav {
	background-position: -400px -80px;
	display: inline-block;
}
.header .nav .info-nav .user-info-nav {
	color: white;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
}
.header .nav .info-nav .logout-info-nav {
	color: white;
	cursor: pointer;
}
.header .nav .info-nav .login-nav {
	float: left;
}


.body-div {

}

.body-div .body-rightbar {
	width: 20%;
	float: left;
	display: block;
}
.body-div .body-rightbar .toolbar-rightbar .toolbar-rightbar-title {
	display: inline-block;
	width: 150px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 17px;
}

.body-div .body-rightbar .toolbar-rightbar {
	height: 30px;
	background-color: #3E3E3E;
	border-radius: 10px 10px 0px 0px;
	margin-top: 10px;
}

.body-div .body-rightbar .toolbar-rightbar .close-body-rightbar {
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px;
	float: right;
	cursor: pointer;
	background-position: -360px -200px;
}
.body-div .body-rightbar .toolbar-rightbar .open-body-rightbar {
	background-position: -400px -200px;
}




.body-div .body-rightbar .content-rightbar .content-rightbar-item img {
	width: 30px;
	height: 30px;
}
.body-div .body-rightbar .content-rightbar .content-rightbar-item .content-title-rightbar-item {
	width: 100%;
	padding: 5px 0px;
	cursor: pointer;
	border-bottom: 2px dashed gray;
	display: block;
	background-color: #0099CC;
}
.body-div .body-rightbar .content-rightbar .content-rightbar-item .content-sub-rightbar-items {
	padding: 5px 0px 5px 30px;
	box-shadow: inset 0px 2px #666;
	background-color: #CCC;
	display: none;
}
.body-div .body-rightbar .content-rightbar .content-rightbar-item .content-sub-rightbar-items .sub-item {
	cursor: pointer;
	display: block;
}

.body-div .body-content-div {
	float: left;
	padding: 10px;
	width: 75%;
}
